<!DOCTYPE html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
    <title>Dashboard</title>
    <meta content="lab2023" name="author" />
    <meta content="" name="description" />
    <meta content="" name="keywords" />
    <link
      href="{{url_for('static', filename='css/main.css')}}"
      rel="stylesheet"
    />
    <link
      href="https://netdna.bootstrapcdn.com/font-awesome/3.2.0/css/font-awesome.min.css"
      rel="stylesheet"
    />
    <link href="{{url_for('static', filename='img/favicon.ico')}}" rel="icon" />
  </head>
  <body class="main page">
    <!-- Navbar -->
    <div class="navbar navbar-default" id="navbar">
      <a class="navbar-brand" href="/">
        <i class="icon-beer"></i>
        Admin Panel
      </a>
      <ul class="nav navbar-nav pull-right">
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">
            <i class="icon-envelope"></i>
            Messages
            <span class="badge">5</span>
            <b class="caret"></b>
          </a>
          <ul class="dropdown-menu">
            <li>
              <a href="#">New message</a>
            </li>
            <li>
              <a href="#">Inbox</a>
            </li>
            <li>
              <a href="#">Out box</a>
            </li>
            <li>
              <a href="#">Trash</a>
            </li>
          </ul>
        </li>
        <li>
          <a href="#">
            <i class="icon-cog"></i>
            Settings
          </a>
        </li>
        <li class="dropdown user">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">
            <i class="icon-user"></i>
            <strong>John DOE</strong>
            <img
              class="img-rounded"
              src="{{url_for('static', filename='img/man.jpg')}}"
            />
            <b class="caret"></b>
          </a>
          <ul class="dropdown-menu">
            <li>
              <a href="{{ url_for('get_profile') }}">Edit Profile</a>
            </li>
            <li class="divider"></li>
            <li>
              <a href="/">Sign out</a>
            </li>
          </ul>
        </li>
      </ul>
    </div>
    <div id="wrapper">
      <!-- Sidebar -->
      <section id="sidebar">
        <i class="icon-align-justify icon-large" id="toggle"></i>
        <ul id="dock">
          <li class="active launcher">
            <i class="icon-dashboard"></i>
            <a href="{{ url_for('get_dashboard') }}">Dashboard</a>
          </li>
          <li class="launcher">
            <i class="icon-user"></i>
            <a href="{{ url_for('get_profile') }}">Profile</a>
          </li>
          <li class="launcher">
            <i class="icon-table"></i>
            <a href="tables.html">Tables</a>
          </li>
          <li class="launcher dropdown hover">
            <i class="icon-flag"></i>
            <a href="#">Reports</a>
            <ul class="dropdown-menu">
              <li class="dropdown-header">Launcher description</li>
              <li>
                <a href="#">Action</a>
              </li>
              <li>
                <a href="#">Another action</a>
              </li>
              <li>
                <a href="#">Something else here</a>
              </li>
            </ul>
          </li>
          <li class="launcher">
            <i class="icon-bookmark"></i>
            <a href="#">Bookmarks</a>
          </li>
          <li class="launcher">
            <i class="icon-cloud"></i>
            <a href="#">Backup</a>
          </li>
          <li class="launcher">
            <i class="icon-bug"></i>
            <a href="#">Feedback</a>
          </li>
        </ul>
        <div data-toggle="tooltip" id="beaker" title="Made by lab2023"></div>
      </section>
      <!-- Tools -->
      <section id="tools">
        <ul class="breadcrumb" id="breadcrumb">
          <li class="title">Dashboard</li>
          <li><a href="#">Lorem</a></li>
          <li class="active"><a href="#">ipsum</a></li>
        </ul>
        <div id="toolbar">
          <div class="btn-group">
            <a
              class="btn"
              data-toggle="toolbar-tooltip"
              href="#"
              title="Building"
            >
              <i class="icon-building"></i>
            </a>
            <a
              class="btn"
              data-toggle="toolbar-tooltip"
              href="#"
              title="Laptop"
            >
              <i class="icon-laptop"></i>
            </a>
            <a
              class="btn"
              data-toggle="toolbar-tooltip"
              href="#"
              title="Calendar"
            >
              <i class="icon-calendar"></i>
              <span class="badge">3</span>
            </a>
            <a class="btn" data-toggle="toolbar-tooltip" href="#" title="Lemon">
              <i class="icon-lemon"></i>
            </a>
          </div>
          <div class="label label-danger">Danger</div>
          <div class="label label-info">Info</div>
        </div>
      </section>
      <!-- Content -->
      <div id="content">
        <div class="panel panel-default">
          <div class="panel-heading">
            <i class="icon-beer icon-large"></i>
            Hierapolis Rocks!
            <div class="panel-tools">
              <div class="btn-group">
                <a class="btn" href="#">
                  <i class="icon-refresh"></i>
                  Refresh statics
                </a>
                <a
                  class="btn"
                  data-toggle="toolbar-tooltip"
                  href="#"
                  title="Toggle"
                >
                  <i class="icon-chevron-down"></i>
                </a>
              </div>
            </div>
          </div>
          <div class="panel-body">
            <div class="page-header">
              <h4>System usage</h4>
            </div>
            <div class="progress">
              <div
                class="progress-bar progress-bar-success"
                style="width: 35%"
              ></div>
              <div
                class="progress-bar progress-bar-warning"
                style="width: 20%"
              ></div>
              <div
                class="progress-bar progress-bar-danger"
                style="width: 10%"
              ></div>
            </div>
            <div class="page-header">
              <h4>User statics</h4>
            </div>
            <div class="row text-center">
              <div class="col-md-3">
                <input
                  class="knob second"
                  data-bgcolor="#d4ecfd"
                  data-fgcolor="#30a1ec"
                  data-height="140"
                  data-inputcolor="#333"
                  data-thickness=".3"
                  data-width="140"
                  type="text"
                  value="50"
                />
              </div>
              <div class="col-md-3">
                <input
                  class="knob second"
                  data-bgcolor="#c4e9aa"
                  data-fgcolor="#8ac368"
                  data-height="140"
                  data-inputcolor="#333"
                  data-thickness=".3"
                  data-width="140"
                  type="text"
                  value="75"
                />
              </div>
              <div class="col-md-3">
                <input
                  class="knob second"
                  data-bgcolor="#cef3f5"
                  data-fgcolor="#5ba0a3"
                  data-height="140"
                  data-inputcolor="#333"
                  data-thickness=".3"
                  data-width="140"
                  type="text"
                  value="35"
                />
              </div>
              <div class="col-md-3">
                <input
                  class="knob second"
                  data-bgcolor="#f8d2e0"
                  data-fgcolor="#b85e80"
                  data-height="140"
                  data-inputcolor="#333"
                  data-thickness=".3"
                  data-width="140"
                  type="text"
                  value="85"
                />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer -->
    <!-- Javascripts -->
    <script
      src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"
      type="text/javascript"
    ></script>
    <script
      src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"
      type="text/javascript"
    ></script>
    <script
      src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"
      type="text/javascript"
    ></script>
    <script
      src="{{url_for('static', filename='js/main.js')}}"
      type="text/javascript"
    ></script>
  </body>
</html>
